.heads{
    .p1{
        font-size: 25px;
        font-weight: 530;
        text-align: center;
        margin: 10px 0;
    }
    .p2{
        font-size: 20px;
        font-weight: 540;
        text-align: center;
        margin-bottom: 10px;
    }
    table{
        width: 100%;
        border-collapse:collapse ;
        text-align: center;
        tr>th{
            height: 40px;
            border: 2px solid lightsteelblue;
        }
        tr>td{
            height: 50px;
            border: 2px solid lightsteelblue;
            .cart>span{
                display: inline-block;
                width: 100px;
                height: 30px;
                color: white;
                background: dodgerblue;
                margin: 0 auto;
                text-align: center;
                line-height: 30px;
                border-radius: 5px;
            }
            .dian{
                display: flex;
                justify-content: center;
                div:nth-of-type(1){
                    background: dodgerblue;
                }
                div:nth-of-type(2){
                    background: orange;
                }
            }
            .dian>div{
                width: 35px;
                height: 35px;
                color: white;
                border-radius: 5px;
                text-align: center;
                line-height: 35px;
                margin-right: 5px;
            }
        }
    }
}
.foots{
        .p1{
            font-size: 20px;
            font-weight: 540;
            text-align: center;
            margin: 10px 0;
        }
        table{
            width: 100%;
            text-align: center;
            border-collapse: collapse;
            tr>th{
                height: 40px;
                border-bottom: 2px solid lightsteelblue;
            }
            tr>td{
                height: 50px;
                /*background: lightgrey;*/
                border-top: 1px solid lightsteelblue;
                .down{
                    display: flex;
                    justify-content: center;
                    div{
                        width: 35px;
                        height: 35px;
                        color: white;
                        border-radius: 5px;
                        text-align: center;
                        line-height: 35px;
                        margin-right: 5px;
                    }
                    div:nth-of-type(1){
                        background: dodgerblue;
                    }
                    div:nth-of-type(2){
                        background: orange;
                    }
                    div:nth-of-type(3){
                        background: crimson;
                    }
                }
            }
        }
        .p2{
            display: flex;
            margin-top: 10px;
            font-size: 18px;
            span{
                font-weight: 600;
            }
            div:nth-of-type(1){
                margin-right: 30px;
            }
            div:nth-of-type(2){
                margin-right: 200px;
            }
            .kong{
                width: 100px;
                height: 30px;
                color: white;
                font-size: 15px;
                text-align: center;
                line-height: 30px;
                background: crimson;
                border-radius: 5px;
            }
        }
    }